<template>
    <nuxt-link class="rounded-lg bg-gray-100 p-4 flex items-center" to="/ai/writer">
        <i class="fa fa-angle-left mr-4"></i>
        <div class="flex-1">
            <div class="text-sm ">{{ title }}</div>
            <h2 class="font-bold">{{ subtitle }}</h2>
        </div>
        <div class="w-12 h-12 bg-white rounded-lg overflow-hidden">
            <img class=" w-12 h-12" :src="image" />
        </div>


    </nuxt-link>
</template>
<script setup>
defineProps({ title: String, subtitle: String,image:String })
</script>